<template>
  <div class="wrapper">
    <!-- <Anchor :labelList="labels" activeId="row-01" labelWidth="100"> -->
      <div class="line" id="row-01">
         <BreakSpace label="基本信息" :containerStyle="{ marginBottom: '10px' }" />
        <InfoBase ref="InfoBaseRef" v-model="value"/>
      </div>
      <div class="line" id="row-02">
        <BreakSpace label="项目列表" :containerStyle="{ marginBottom: '10px' }" />
        <infoActivity ref="InfoActivityRef" v-model="value" :flag="push" />
      </div>
      <div class="line" id="row-03">
        <BreakSpace label="营销素材列表" :containerStyle="{ marginBottom: '10px' }" />
        <infoGoods ref="InfoGoodsRef" v-model="value" :flag="push" />
      </div>
    <!-- </Anchor> -->
    <div class="dialogBottmView">
      <el-button @click="closeDialog">关 闭</el-button>
    </div>
  </div>
</template>

<script>
import { authority } from '@/utils/authMixin';
import { dictionary } from '@/utils/dictMixin';
import InfoBase from '@/pages/cms-pages/projectOperating/program/departmentInquire/detail-base.vue'; //基本信息
import infoActivity from '../commonForm/detail-infoActivity'; //活动列表
import infoGoods from '../commonForm/detail-infoGoods'; //物料列表
import { getLoginUser } from '@/api/cms-api/projectOperating/program/departmentInquire';//获取登录信息
export default {
  mixins: [authority, dictionary],
  components: {
    InfoBase,
    infoActivity,
    infoGoods
  },
  props: {
    //方案信息，格式： { type: type,  //页面类型
    //                  rowData: row }  //查询列表中对应方案数据（注：需要包含projectProgramId：方案ID和projectProgramOrgId：营销方案事业部ID）
    value: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      inClick: 0, //点击按钮的入口 0:保存,1:下发,2:废除
      loginUser: null, //登录用户信息
      caseUrlList: [],
      typeZ: '',
      push: 'push',
      result: {},
      infoBaseValue: {},
      infoGoodsRefValue: {},
      infoActivityRefValue: {},
      labels: [{ title: '基本信息', id: 'row-01' }, { title: '项目列表', id: 'row-02' }, { title: '营销素材列表', id: 'row-03' }]
    };
  },
  mounted() {
  },
  computed: {
  },
  methods: {
    //关闭
    closeDialog() {
      this.value.type = '';
      this.$emit('close', { visible: false });
    }
  }
};
</script>
<style scoped>
.wrapper {
  height: calc(100vh - 110px);
}
</style>
